<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css\btn.css">
    <link rel="stylesheet" href="css\zhuye.css">
    <title>Document</title>
</head>
<body>
    <!-- 导航栏开始 -->
    <div class="container">
        <nav>
            <a href="主页.html">主页</a>
            <a href="图片墙.html">图片墙</a>
            <a href="写在最后.html">写在最后</a>
            <a href="评价。html">评价</a>
            <div class="animation start-home">
        </nav>
        <!-- 导航栏结束 -->
        <div class="lyrics-bg">
            <div class="lyrics"><span> 熙熙攘攘的人海之中<br> 命运让我们相聚<br> 繁华都市的日升日落<br> 映在我们眼底<br> 追求真理的一点一滴<br> 我们不会轻易放弃<br> 相信只要我们在努力<br> 未来将无比绚丽<br> 也许成长的日子里<br> 一路是坎坷荆棘<br> 也许一路的风风雨雨<br> 会溅上满身污泥<br> 请别放弃别灰心<br> 还有我们在这里<br> 露出微笑拿出信心<br> 让荆棘风雨全都过去<br> 我们一起努力<br> 我们永远珍惜<br> 成长岁月里<br> 我们是团结的集体<br>            相信我们会创造奇迹<br> 我们一起努力<br> 我们永远珍惜<br> 成长岁月里<br> 我们是团结的集体<br> 相信我们会创造奇迹<br> 熙熙攘攘的人海之中<br> 命运让我们相聚<br> 繁华都市的日升日落 映在我们眼底
            <br> 追求真理的一点一滴 <br>我们不会轻易放弃 <br>相信只要我们在努力<br> 未来将无比绚丽 <br>也许成长的日子里 <br>一路是坎坷荆棘<br> 也许一路的风风雨雨 <br>会溅上满身污泥 <br>请别放弃别灰心<br> 还有我们在这里<br> 露出微笑拿出信心<br> 让荆棘风雨全都过去 <br>我们一起努力<br> 我们永远珍惜<br> 成长岁月里<br> 我们是团结的集体<br> 相信我们会创造奇迹<br> 我们一起努力<br> 我们永远珍惜<br>            成长岁月里<br> 我们是团结的集体<br> 相信我们会创造奇迹<br> 我们一起努力<br> 我们永远珍惜<br> 成长岁月里<br> 我们是团结的集体<br> 相信我们会创造奇迹<br> 我们一起努力 我们永远珍惜<br> 成长岁月里
            <br> 我们是团结的集体<br> 相信我们会创造奇迹<br></p></span>
        </div>
             <div class="btn">
             <button id="play">播放</button>
             <button id="pause">暂停</button>
            </div>
            <video src="video\逐帧-QQ录屏20210826112909.mp4"autoplay muted loop></video>
        </div>
        <!-- 轮播开始 -->
        <div class="group">
            <img src="集体照\135.jpg" alt="">
           <img src="集体照\171.jpg" alt="">
           <img src="集体照\psc.jpg" alt="">
           <img src="集体照\ps.jpg" alt="">
           <img src="集体照\174.jpg" alt="">
       </div>
       <!-- 轮播结束 -->
       <!-- rotate开始 -->
      <section>
          <div>
          <img src="img\psc 1.jpg" alt="">
          <img src="img\psc2.jpg" alt="">
          <img src="img\psc3.jpg" alt="">
          <img src="img\psc6.jpg" alt="">
          <img src="img\psc5.jpg" alt="">
          <img src="img\283.jpg" alt="">
        </div>
        </section>
      <!-- rotate结束 -->
      <!-- bgm开始 -->
        <audio controls id="mymp3" hidden="true">
            <source src="video\温亮亮 - 相信我们会创造奇迹.mp3" type="audio/mpeg">
        </audio>
        <script>
            var ebtplay = document.querySelector("#play");
            var ebtpause = document.querySelector("#pause");
            var emymp3 = document.querySelector("#mymp3");
            ebtplay.onclick = function (){
                emymp3.play();
            };
            ebtpause.onclick = function (){
                emymp3.pause();
            };
        </script>
        <!-- bgm结束 -->
        <a href="index.html" class="btn1">上一页</a>
        <a href="图片墙.html" class="btn2">下一页</a>
</body>

</html>
    
           